<template>
  <div class="nav_outer">
    <Header>关于我们</Header>
    <div class="content">
      <img src="../assets/img/job@2x.png" alt class="logo" />
      <p class="version">版本号 {{version}}</p>
      <h3>悠然职得，就找优职君打工网！</h3>
      <div class="article">
        <p class="tleft">
          江苏优职君集团创立于2009年，公司总部位于有着悠久历史的名城苏州，是一家以人力资源为主导，集文化传媒，软件开发，智慧养老，业务外包等多元化发展的综合性企业集团。集团自成立以来，将集团业务与互联网科技深度融合，打造人力资源服务，社会养老，电子商务于一体的大数据平台，15年期间，我们一直以专业化为起点，服务为宗旨，以构建全方位互联网生态体系为目标，秉持“以人为本、诚实守信、合作共赢”的团队精神，“客户第一、服务至上”的经营理念，致力于成为中国企业中的商业航母。
        </p>
        <p style="text-align:center;text-indent:0;">
          <router-link :to="{ path: '/uagree' }" style="font-size: 1.2em;color:#6495cb">《优职君服务隐私协议》</router-link>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
import Header from "@/components/commonComponents/Header";
export default {
  data() {
    return {
      version: '2.0.0'
    }
  },
  created() {
    this.getCurrentVersion();
  },
  methods: {
    getCurrentVersion(){
      let that = this;
      this.app.getAppVersion().then((res)=>{
          that.version = res;
      })
    }
  },
  components: {
    Header
  }
};
</script>

<style lang='scss' scoped>
@function px2em($px) {
  @if (unitless($px)) {
    @return px2em($px + 0px);
  } @else if (unit($px) == em) {
    @return $px;
  }
  @return ($px / 75px) * 1rem;
}
.content {
  text-align: center;
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: auto;
  .logo {
    width: px2em(96);
    height: px2em(96);
    margin-top: 3rem;
  }
  .version {
    line-height: 3;
  }
  h3 {
    font-size: 1.2em;
  }
  .article {
    margin: px2em(50) px2em(116) 0;
    > p {
      line-height: 2;
      text-indent: 2em;
      color: #333;
    }
  }
}
</style>
